.main-content-div {
    width: 96.5%;
    margin: 0 auto 10px;
    background-color: rgb(168, 168, 168, 0.2);
    border-radius: 5px;
    padding-bottom: 50px;
    overflow: hidden;
}

.tip-list-div {
    width: 600px;
    height: 680px;
    float: left;
    margin: 20px 0 0 20px;
    padding: 10px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 0 10px #ccc;
}

.tip-list-div h5 {
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

.tip-list {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 600px;
}

.tip-list::-webkit-scrollbar {
    display: none;
}

.tip-list-top,
.list-con {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.tip-list-top div,
.list-con div {
    float: left;
}

.num {
    width: 50px;
    height: 30px;
    border-right: 1px solid #ccc;
}

.title {
    width: 190px;
    height: 30px;
    border-right: 1px solid #ccc;
    white-space: nowrap;
    /* 阻止文本换行 */
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    padding: 0 5px;
}

.date {
    width: 180px;
    height: 30px;
    border-right: 1px solid #ccc;
}

.click{
    width: 80px;
    height: 30px;
    border-right: 1px solid #ccc;
}

.caozuo {
    width: 80px;
    height: 30px;
}

.caozuo a {
    text-decoration: none;
    color: black;
}

.caozuo a:hover {
    color: tomato;
}

.editor-div {
    width: 560px;
    height: 680px;
    background-color: white;
    float: left;
    margin: 20px 0 0 20px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 0 10px #ccc;
}

#container{
    width: 100%;
    height: 500px;
}

#editor-containner{
    height: 370px;
    background-color: #ccc;
}

.mb-3{
    width: 90%;
    margin: 10px auto;
}

.btn.btn-primary{
    width: 120px;
    margin: 10px 0 0 220px;
}